﻿@model IQueryable<vngoodlife.Article>
           
@{
    ViewBag.Title = "VnGoodlife: Tin Sức khỏe - Dinh dưỡng - Đời sống- Giải trí";
}
<link href="../../../Content/slidenews/css/Slide.css" rel="stylesheet" type="text/css" />
@*<script src="../../../Content/slidenews/js/jquery-1.5.3.ui.min.js" type="text/javascript"></script>*@
<script type="text/javascript">
    $(document).ready(function () {
        $("#featured > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", 5000, true);
    });
</script>



<!--Text content here-->
@*@{Html.RenderAction("SlideNewsView", "Home");}*@
@*@Html.Partial("/Views/FrontEnd/Home/SlideNews.cshtml")*@
@*<div class="post">
    <div class="tabs">

        <div class="tab">
            <input type="radio" id="tab-1" name="tab-group-1" checked="checked">
            <label for="tab-1">
                Bài mới nhất</label>
                @{Html.RenderAction("TapConent", "Home", new { tapNumber = 1});}
            @{Html.RenderPartial("/Views/FrontEnd/Home/_TapContent.cshtml", ViewBag.Tap1 as IEnumerable<vngoodlife.Article>);}
        </div>

        <div class="tab">
            <input type="radio" id="tab-2" name="tab-group-1">
            <label for="tab-2">
                Đọc nhiều nhất tuần</label>
                @{Html.RenderAction("TapConent", "Home", new { tapNumber = 2});}
            @{Html.RenderPartial("/Views/FrontEnd/Home/_TapContent.cshtml", ViewBag.Tap1 as IEnumerable<vngoodlife.Article>);}
        </div>
        <div class="tab">
            <input type="radio" id="tab-3" name="tab-group-1">
            <label for="tab-3">
                Đọc nhiều nhất tháng</label>
                @{Html.RenderAction("TapConent", "Home", new { tapNumber = 3});}
            @{Html.RenderPartial("/Views/FrontEnd/Home/_TapContent.cshtml", ViewBag.Tap1 as IEnumerable<vngoodlife.Article>);}
        </div>
        <div class="tab">
            <input type="radio" id="tab-4" name="tab-group-1">
            <label for="tab-4">
                Đọc nhiều nhất</label>
                @{Html.RenderAction("TapConent", "Home", new { tapNumber = 4});}
            @{Html.RenderPartial("/Views/FrontEnd/Home/_TapContent.cshtml", ViewBag.Tap1 as IEnumerable<vngoodlife.Article>);}
        </div>
    </div>
</div>*@

<div class="post">
    <div class="tabs">
        <div class="tab">
            <input type="radio" id="tab-1" name="tab-group-1" checked="checked" />
            <label for="tab-1">
                Bài mới </label>
            @{Html.RenderAction("SlideNewsView", "Home", new {data = ViewBag.Tap1 as IEnumerable<vngoodlife.Article> });}
        </div>
        <div class="tab">
            <input type="radio" id="tab-2" name="tab-group-1" />
            <label for="tab-2">
                Đọc nhiều nhất tuần</label>
            @{Html.RenderAction("SlideNewsView", "Home", new {data = ViewBag.Tap2 as IEnumerable<vngoodlife.Article> });}
        </div>
        <div class="tab">
            <input type="radio" id="tab-3" name="tab-group-1" />
            <label for="tab-3">
                Đọc nhiều nhất tháng</label>
            @{Html.RenderAction("SlideNewsView", "Home", new {data = ViewBag.Tap3 as IEnumerable<vngoodlife.Article> });}
        </div>
        <div class="tab">
            <input type="radio" id="tab-4" name="tab-group-1" />
            <label for="tab-4">
                Bài ngẫu nhiên</label>
           @{Html.RenderAction("SlideNewsView", "Home", new {data = ViewBag.Tap4 as IEnumerable<vngoodlife.Article> });}
        </div>
    </div>
</div>

<!-- end #slide_news-->



<div id="HomePageArticleList">
    @{Html.RenderAction("FirstArticleListHomePage", "Home");}
</div>

<div id="ShowMoreLoading">
    <h3>Đang xử lý...<img src="../../../Content/images/general/loading.gif" alt="Loading"/></h3>
</div>

<div id="ShowMoreLink">

                @Ajax.RouteLink("Xem tiếp", "ReadMoreArticleHomePage",
            new AjaxOptions
            {
                UpdateTargetId = "HomePageArticleList",
                HttpMethod = "GET",
                InsertionMode = InsertionMode.InsertAfter,
                LoadingElementId = "ShowMoreLoading",
                LoadingElementDuration = 2000
            }, new { Class = "button" })
</div>


@*<div class="blocks">
    <div class="articlesnew">
        <a href="#">
            <img src="../../../Content/images/article/img04.jpg" alt="" />
            <h2>10 thực phẩm giúp giảm cân hiệu quả</h2></a>
        <b>&ldquo;</b><span>bởi <a href="#">skylee</a> ngày: 20/06/2012</span><b>&rdquo;</b>
        <content>Trời hôm nay mát quá...ăn gì cho nóng cái koi chơi ;))</content>
        
    </div>
    <div class="articlesnew">
        <a href="#">
            <img src="../../../Content/images/article/img05.jpg" alt="" />
            <h2>Để phòng ngừa các bệnh ung thư bằng cách ăn nhiều rau quả và tập thể dục thường xuyên</h2></a>
        <b>&ldquo;</b><span>bởi <a href="#">skylee</a> ngày: 20/06/2012</span><b>&rdquo;</b>
        <content>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus.</content>
        
    </div>
    <div class="articlesnew">
        <a href="#">
            <img src="../../../Content/images/article/img06.jpg" alt="" />
            <h2>Phasellus pellentesque turpis</h2></a>
        <b>&ldquo;</b><span>bởi <a href="#">skylee</a> ngày: 20/06/2012</span><b>&rdquo;</b>
        <content>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus.</content>
        
    </div>
</div>*@
   @* end line 3*@
@*start paging*@
@*<div id="container">
    <div class="pagination">
		<a href="#" class="page gradient">&laquo;</a>
        <a href="#" class="page active">1</a>
        <a href="#" class="page gradient">2</a>
        <a href="#" class="page gradient">3</a>
        <a href="#" class="page gradient">4</a>
        <a href="#" class="page gradient">5</a>
        <a href="#" class="page gradient">6</a>
        <a href="#" class="page gradient">7</a>
        <a href="#" class="page gradient">8</a>
        <a href="#" class="page gradient">9</a>
        <a href="#" class="page gradient">10</a>
        <a href="#" class="page gradient">&raquo;</a>
	</div>
</div>*@
@*end paging*@

    
    